body {
	background:url(../image/login_bg_0.jpg) #f8f6e9;
}

.signin {
	width:477px;
	height:390px;
	background:url(../image/login_bg.png) no-repeat;
	margin:0 auto;
	
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-239px;
	margin-left:-238px;
}
.signin-head {
	margin:0 auto;
	padding-top:30px;
	width:120px;
  &>img{
      height: 120px;
      width: 120px;
  }
}
.form-signin {
  max-width: 330px;
  padding: 43px 15px 15px 15px;
  margin: 0 auto;
  & .checkbox{
    margin-bottom: 10px;
    font-weight: normal;
  }
  & .form-control {

      position: relative;
      font-size: 16px;
      height: auto;
      padding: 10px;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
  }
  & .form-group{
    position: relative;
  }
  & .form-control:focus {
      z-index: 2;
  }
  & i.icon-user{
    position: absolute;
    z-index: 3;
    font-size: 22px;
    top: 10px;
    left: 20px;
    color: rgba(0, 0, 0, 0.99);
  }
  & input[type="text"] {
      margin-bottom: 14px;
      border-radius: 0;
      background-color: transparent;
      padding-left: 60px;
      border-color: transparent;
      border-bottom: 1px solid #ccc;
      color: #000000;
      box-shadow: inset 0 1px 1px rgba(0,0,0,0);
      // :
      &:before{
      }
// *:after
  }
  & button {
      border-radius: 0;
    }
}